<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>大涛讲堂-基于Vue实现的 数据双向绑定</title>
		<style type="text/css">
			#demo{
				width: 800px;
				margin: 200px auto;
			}
			input{
				width: 600px;
				height: 50px;
				border:10px solid green;
				padding-left: 10px;
				font:30px/50px "微软雅黑";
			}
			.msg{
				width: 600px;
				font:30px/50px "微软雅黑";
				color:red;
			}
		</style>
		<script src="vue.js"></script>
		<script type="text/javascript">
			window.onload=function(){
				new Vue({
				el: '#demo',
				data: {
				   msg:'welcome vue.js',
				}
			})
			}
		</script>
	</head>
	<body>
		<div id="demo">
			<input v-model='msg'/>
			<div class="msg">
				{{msg}}
			</div>
		</div>
	</body>
</html>